.categories-container {
  background: #FFF;
  border: 4px solid #599265;
  position: fixed;
  top: 80px;
  right: calc((100% - 1024px) / 2 + 200px);
  width: 360px;
  z-index: 101;
  display: none;
}

.categories-active {
	background: #599265;
	color: #FFF;
}

.category {
	width: 178px;
	display: inline-block;
	padding: 14px 0 14px 0;
	color: #599265;
	font-weight: 600;

	text-align: center;
}

.category:hover {
	background: #599265;
	color: #FFF;
}

#categories i {
	opacity: 0;
}

#categories:hover i{
	opacity: 1;
}